<div class="page-header no-breadcrumb font-header">广告管理</div>
<div class="content-wrap">
    <div class="panel panel-default">

        <!--panel-heading-->
        <div class="panel-heading font-header">
            <a href="advertisement/group" class="btn btn-success btn-flat">广告组列表</a>
        </div>
        <!--panel-heading-->


        <!--panel-body-->
        <div class="panel-body">
            <div class="row common-padding">
                <ul class="nav nav-tabs font-12">
                    <li role="presentation" class="active common-mleft"><a aria-expanded="true" href="#Video"
                                                                           data-toggle="tab">视频</a>
                    </li>
                    <li class="" role="presentation"><a aria-expanded="false" href="#Image" data-toggle="tab">图片</a>
                    </li>
                </ul>
            </div>
        </div>
        <!--panel-body-->


        <div class="tab-content b-all no-b-t">
            <!--video-->
            <div class="tab-pane fade active in" id="Video">
                <!--table-responsive-->
                <div class="table-responsive overflow-x">
                    <div class="dataTables_wrapper dt-bootstrap no-footer">
                        <!--row-->
                        <div class="row common-body common-ptop">
                            <div class="col-sm-12 common-padding">
                                <div class="form-group">
                                    <div class="btn-padding inblock">
                                        <button type="button" class="btn btn-success btn-flat">待机视频</button>
                                    </div>
                                    <div class="btn-padding inblock">
                                        <button type="button" class="btn btn-warning btn-flat">政策视频</button>
                                    </div>
                                    <div class="btn-padding inblock">
                                        <button type="button" class="btn btn-primary btn-flat">公益视频</button>
                                    </div>
                                    <div class="btn-padding inblock">
                                        <button type="button" class="btn btn-danger btn-flat">删除</button>
                                    </div>
                                    <div class="btn-padding inblock pull-right">
                                        <a href="/advertisement/video" class="btn btn-info btn-flat">上传视频</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--row-->

                        <!--row-->
                        <div class="row common-body common-ptop">
                            <div class="col-sm-12 table-items">
                                <table aria-describedby="datatable_info"
                                       class="table table-striped font-12 dataTable no-footer">
                                    <thead>
                                    <tr>
                                        <th>
                                            <div class="task-chk-wrap">
                                                <div class="checkbox-inline">
                                                    <div class="custom-checkbox font-12">
                                                        <input type="checkbox" class="library-chk" id="all" name="all">
                                                        <label for="all">全选</label>
                                                    </div>
                                                </div>
                                            </div>
                                        </th>
                                        <th class="text-center">视频名称</th>
                                        <th class="text-center">操作</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    <tr>
                                        <td>
                                            <div class="task-chk-wrap">
                                                <div class="checkbox-inline">
                                                    <div class="custom-checkbox font-12">
                                                        <input type="checkbox" class="library-chk" id="videotask2"
                                                               name="videotask2">
                                                        <label for="videotask2"></label>
                                                    </div>
                                                </div>
                                            </div>
                                        </td>
                                        <td class="text-center">title1</td>
                                        <td class="text-center">
                                            <a href="#" class="text-btn text-success">预览</a>
                                            <a href="#" class="text-btn text-info">编辑</a>
                                            <a href="#" class="text-btn text-danger">删除</a>
                                        </td>
                                    </tr>

                                    </tbody>
                                </table>
                            </div>
                        </div>
                        <!--row-->
                        <!--row-->
                        <div class="row">
                            <div class="col-sm-7">
                                <div class="dataTables_paginate paging_simple_numbers" id="datatable_paginate">
                                    <ul class="pagination">
                                        <li class="paginate_button previous disabled" id="datatable_previous"><a
                                                    href="#"
                                                    aria-controls="datatable"
                                                    data-dt-idx="0"
                                                    tabindex="0">上一页</a>
                                        </li>
                                        <li class="paginate_button active"><a href="#" aria-controls="datatable"
                                                                              data-dt-idx="1" tabindex="0">1</a></li>
                                        <li class="paginate_button "><a href="#" aria-controls="datatable"
                                                                        data-dt-idx="2"
                                                                        tabindex="0">2</a></li>
                                        <li class="paginate_button next" id="datatable_next"><a href="#"
                                                                                                aria-controls="datatable"
                                                                                                data-dt-idx="3"
                                                                                                tabindex="0">下一页</a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <!--row-->
                    </div>
                </div>
                <!--table-responsive-->
            </div>
            <!--video-->

            <!--Image-->
            <div class="tab-pane fade" id="Image">
                <!--table-responsive-->
                <div class="table-responsive overflow-x">
                    <div class="dataTables_wrapper dt-bootstrap no-footer">
                        <!--row-->
                        <div class="row common-body common-ptop">
                            <div class="col-sm-12 common-padding">
                                <div class="form-group">
                                    <div class="btn-padding inblock">
                                        <button type="button" class="btn btn-success btn-flat">待机图片</button>
                                    </div>
                                    <div class="btn-padding inblock">
                                        <button type="button" class="btn btn-warning btn-flat">政策图片</button>
                                    </div>
                                    <div class="btn-padding inblock">
                                        <button type="button" class="btn btn-primary btn-flat">公益图片</button>
                                    </div>
                                    <div class="btn-padding inblock">
                                        <button type="button" class="btn btn-danger btn-flat">删除</button>
                                    </div>
                                    <div class="btn-padding inblock pull-right">
                                        <a href="/advertisement/img" class="btn btn-info btn-flat">上传图片</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--row-->

                        <!--row-->
                        <div class="row common-body common-ptop">
                            <div class="col-sm-12 table-items">
                                <table aria-describedby="datatable_info"
                                       class="table table-striped font-12 dataTable no-footer">
                                    <thead>
                                    <tr>
                                        <th>
                                            <div class="task-chk-wrap">
                                                <div class="checkbox-inline">
                                                    <div class="custom-checkbox font-12">
                                                        <input type="checkbox" class="library-chk" id="all1" name="all1">
                                                        <label for="all1">全选</label>
                                                    </div>
                                                </div>
                                            </div>
                                        </th>
                                        <th class="text-center">视频名称</th>
                                        <th class="text-center">操作</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    <tr>
                                        <td>
                                            <div class="task-chk-wrap">
                                                <div class="checkbox-inline">
                                                    <div class="custom-checkbox font-12">
                                                        <input type="checkbox" class="library-chk" id="imgtask2"
                                                               name="imgtask2">
                                                        <label for="imgtask2"></label>
                                                    </div>
                                                </div>
                                            </div>
                                        </td>
                                        <td class="text-center">title1</td>
                                        <td class="text-center">
                                            <a href="#" class="text-btn text-success">预览</a>
                                            <a href="#" class="text-btn text-info">编辑</a>
                                            <a href="#" class="text-btn text-danger">删除</a>
                                        </td>
                                    </tr>

                                    </tbody>
                                </table>
                            </div>
                        </div>
                        <!--row-->

                        <!--row-->
                        <div class="row">
                            <div class="col-sm-7">
                                <div class="dataTables_paginate paging_simple_numbers" id="datatable_paginate">
                                    <ul class="pagination">
                                        <li class="paginate_button previous disabled" id="datatable_previous"><a
                                                    href="#"
                                                    aria-controls="datatable"
                                                    data-dt-idx="0"
                                                    tabindex="0">上一页</a>
                                        </li>
                                        <li class="paginate_button active"><a href="#" aria-controls="datatable"
                                                                              data-dt-idx="1" tabindex="0">1</a></li>
                                        <li class="paginate_button "><a href="#" aria-controls="datatable"
                                                                        data-dt-idx="2"
                                                                        tabindex="0">2</a></li>
                                        <li class="paginate_button next" id="datatable_next"><a href="#"
                                                                                                aria-controls="datatable"
                                                                                                data-dt-idx="3"
                                                                                                tabindex="0">下一页</a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <!--row-->
                    </div>
                </div>
                <!--table-responsive-->
            </div>
            <!--Image-->


        </div>
    </div>

</div>




